<div class="home-view" >
    <div class="topheader">
        <div class="flex one" ng-click="toCompleteManage()">                   
            <img src="modules/core/client/img/completeManage.png"><i>完工管理</i>
        </div>
        <div class="flex left two" ng-click="toQualityControl()">
            <img src="modules/core/client/img/qualityControl.png"><i>品质监控</i>     
        </div>
        <div class="flex left three" ng-click="toStatistics()">
            <img src="modules/core/client/img/statistics.png"><i>在制统计</i>       
        </div>
        <div class="flex left four" ng-click="toProductionReport()">
            <img src="modules/core/client/img/productionReport.png"><i>产量汇报</i> 
        </div>
    </div>
    <div class="row RowSpace" ng-show="CompleteManageShow" style="margin-top:30px; 
      background-color:white; height:50px;padding: 10px 0 0 10px;">
      <div class="LableDiv" style="width:50%; font-size:18px;">完工计划看板</div>
      <div style="float: right;">
        <div class="LableDiv" style="width:50px;"><Btn  value="<" ng-click="beforeDay()"></Btn></div>
        <div class="LableDiv" style="width:150px; margin-left:-10px; margin-right:-30px;
        font-size:20px;">{{date|date:"yyyy-MM-dd"}}</div>
        <div class="LableDiv" style="width:50px;"><Btn  value=">" ng-click="afterDay()"></Btn></div>
      </div>    
    </div>

    <div class="row RowSpace LastRow" ng-show="CompleteManageShow">
      <DataGrid module="Module._CompletePlan" isedit="false" isautoload="false" turnpage="turnPage(records)">
          <TextBoxColumn DisplayName="订单号" width="200px" ValueField="Code"></TextBoxColumn>
          <TextBoxColumn DisplayName="产品" width="200px" ValueField="ItemMasterCode"></TextBoxColumn>
          <TextBoxColumn DisplayName="批次" width="100px" ValueField="LotNumber"></TextBoxColumn>
          <TextBoxColumn DisplayName="数量" width="100px" ValueField="Qty"></TextBoxColumn>
          <TextBoxColumn DisplayName="完工数量" width="100px" ValueField="CompleteQty"></TextBoxColumn>
          <TextBoxColumn DisplayName="备注" width="100px" ValueField="Remark"></TextBoxColumn>
          <HtmlColumn DisplayName="完成率" width="100px" ValueField="QtyRate">
            <!-- <div class="rate-circle">100%</div> -->
            <!-- <div class="rate-blue" ng-style="{'width': getItemWidth(FocusedRecord) + '%'}">10%</div> -->
            <div class="rate-blue">10%</div>
            
          </HtmlColumn>
          <!-- <PercentBoxColumn DisplayName="百分比列" width="100px" Round="{Precision: 4, RoundType: 3, RoundValue: 5}" ValueField="CompleteQty/Qty"></PercentBoxColumn> -->
      </DataGrid>
    </div>
    
    <div class="row RowSpace complete-manage-header" ng-show="QualityControlShow">
      <div class="LableDiv"><Label>质监部门</Label></div>
      <div class="InputDiv">
        <Refer EntityName="Department" WindowTitle="部门" value="Module.Department.FocusedRecord">
            <Column type="0" width="150px" displayname="编码" valuefield="Code"></Column>
            <Column type="textbox" width="150px" displayname="名称" valuefield="Name"></Column>
            <Column width="286px" displayname="备注" valuefield="Remark"></Column>
        </Refer>
      </div>
      <div class="LableDiv"><Label>质监站</Label></div>
      
      <div class="InputDiv">
        <Refer EntityName="WorkLocation" WindowTitle="工位" value="Module.WorkLocation.FocusedRecord" Condition="{Department:''}" beforeshow="beforeshow(refScope)">
            <Column type="0" width="150px" displayname="编码" valuefield="Code"></Column>
            <Column type="textbox" width="150px" displayname="名称" valuefield="Name"></Column>
        </Refer>
      </div>
      <div class="LableDiv" style="width:50px;margin-left: 20px;"><Btn  value="刷新" ng-click="refresh()"></Btn></div>
    </div>
    <!-- <div class="row RowSpace" style="height: 100%;" ng-show="QualityControlShow">
      
      <ng-echarts style="height: 100%;width:70%;" ec-config="charts.lotNumConfig" ec-option="charts.lotNumOption"></ng-echarts>
      <ng-echarts style="height: 100%;width:30%;" ec-config="charts.lotNumConfig" ec-option="charts.lotNumOption"></ng-echarts>
    </div> -->
   <div class="bottomheader" ng-show="ChartShow" >
       <ng-echarts style="width:60%;" ec-config="charts.pieConfig" ec-option="charts.pieOption"></ng-echarts>
       <ng-echarts ng-show="ChartRightShow" style="width:40%;" ec-config="charts.pieConfig" ec-option="charts.barOption"></ng-echarts>
   </div>
</div>